<template>
  <div>
      <topnav title="联系客服"></topnav>
      <div class="header">
          <img @click="phoneCall('110')" src="../../assets/user/lightphone.png" alt="">
          <p>点击电话图标即可拨打服务热线</p>
      </div>
      <div class="content">
          <div class="title">
              <span></span>
              <p>客服简介</p>
          </div>
          <div class="main">
              <p>虚拟币客户服务，咨询电话8008200469<br>
                服务时间：8:00——20:00（除大年初一~初三外）。<br>
                她承担了五大职能：<br>
                1.受理用户的各类咨询、查询的服务平台<br>
                2.受理用户的各项故障报修的业务平台<br>
                3.受理用户的投诉、意见和建议<br>
                4.集团新业务、产品的推介和宣传<br>
                5.客户服务过程的监督、检查和评价</p>
                <span>
                虚拟币有线客服拥有一支充满活力、充满激情、乐于奉献、团结奋进的队伍，秉持着“贴心服务，用户满意”的服务理念，在平凡的岗位上默默耕耘，为虚拟币用户提供“真诚、优质、规范、高效”的服务。
                </span>
          </div>
      </div>
  </div>
</template>

<script>
import topnav from "../../components/topNav"
import { Dialog } from 'vant' 
export default {
    data(){
        return{

        }
    },
    methods:{
         phoneCall: function (msg) {
    //   console.log(msg)
    //   window.location.href = 'tel://0755637'
      window.location.href="tel:110"  
    }
        
    },
    components:{
        topnav
    }
}
</script>

<style lang="less" scoped>
.space{
    height: 8px;
    background-color: #f6f6f6;
}
.header{
    height: 200px;
    display: flex;
    flex-wrap: wrap;     
    background-color: #ff6a10;
    img{
        width: 120px;
        height: 120px;
        background-size: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }
    p{
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 13px;
    }
}
.content{
    width: 95%;
    margin: 0 auto;
    margin-top: 10px;
    .title{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        span{
            width: 6px;
            height: 18px;
            background-color: #ff6a10;
            border-radius: 5px;
        }
        p{
            margin-left: 5px;
            font-size: 15px;
        }
    }
  .main{
      font-size: 13px;
      span{
          display: block;
          margin-top: 20px;
      }
  }  
}

</style>